// JavaScript Document

$(function() {
    var tag = $('<div></div>');
    //$(".txt-limit").mouseover(function(e){
    //	var ths = $(this);
    //	var txt=$(this).text();
    //	if(txt.length>7){
    //                tag.text(txt);
    //                tag.addClass('pop-txt emd');
    //                $(this).after(tag);
    //                //tag.css({'position':'absolute','left':e.pageX,'top':e.pageY-50})
    //            }
    //});
    //$(".txt-limit").mouseout(function(){
    //	var ths = $(this);
    //	$(this).parent('li').find('em').remove();
    //});
    //var tag=$('<em></em>');
    //$('.txt-limit').hover(function (e) {
    //var txt=$(this).text();
    //if(txt.length>7){
    //tag.text(txt);
    //tag.addClass('pop-txt');
    //$(this).after(tag);
    //tag.css({'position':'absolute','left':e.pageX,'top':e.pageY-50})
    //}
    //},function () {
    //tag.hide();
    //})

    //$('.txt-limit').mouseleave(function(e){
    //tag.hide();
    //})
   
    var order; //标记用户点击的信息索引值，为信息的修改删除做定位标记		
    //1，点击删除按钮删除相应信息词条
    $('#f-table').on('click', '.bg-color2', function() {
        order = $(this).parents('tr').index(); //1.获取要删除的信息条目索引值
    })

    $('.modal-footer').on('click', '.bg-color2', function() {
        targetTr = $('#f-table').children().eq(order); //信息确定删除时由索引值定位的删除项。
        $(this).parents('.modal').hide(); //提示框消失
        $('.modal-backdrop').hide(); //模态框消失
        targetTr.remove(); //相应信息清除
    });

    //2，点击左上角增加按钮让信息输入框弹出
    $('#add_info').click(function() {
        $('#pop_info').css('display', 'block'); //弹出新建信息页面
        $('#pop_info').find('input').val(''); //初始化新建信息页面
        $('#new_add').css('display', 'block'); //显示新建信息页面的按钮组
        $('#txt_add').css('display', 'none'); //关闭修改信息页面的按钮组
    });
    //新增时点击返回按钮的效果
    $('#new_add').on('click', '.bg-color2', function() {
        $('#pop_info').find('input').val(''); //清空新建信息
        $('#pop_info').css('display', 'none'); //关闭新建页面
        $('#new_add').css('display', 'none'); //关闭新建信息页面的按钮组
    })

    //按确定按钮增加新信息：
    $('#new_add').on('click', '.bg-color', function() {
        var xnum = $(this).parents('#pop_info').find('.num-input').val(), //获取增加的场地编号等信息
			 xname = $(this).parents('#pop_info').find('.name-input').val(),
			 xowner = $(this).parents('#pop_info').find('.owner-input').val(),
			 xcoords = $(this).parents('#pop_info').find('.coords-input').val()
        xweight = $(this).parents('#pop_info').find('.weight-input').val()
        newTr = $('#f-table').children().eq(0).clone(true); //借助克隆体建立新信息。

        if (xname != '') {//新增信息不为空时：
            $('#pop_info').css('display', 'none'); //关闭新建信息页面
            $('#new_add').css('display', 'none'); //关闭用于新增的按钮组
            newTr.children('.port-num').text(xnum); //把新建信息回显至相应条栏
            newTr.children('.port-name').text(xname);
            newTr.children('.port-owner').text(xowner);
            newTr.children('.port-coords').text(xcoords);
            newTr.children('.port-weight').text(xweight);
            newTr.appendTo($('#f-table'));
        } else {
            alert('新增信息不能为空！')
        }
    });
    //场站监控地图全屏
    $('.screenbtn').on('click', function() {
        if ($(this).hasClass('fullScreen')) {
            $('#side-nav', window.parent.document).hide();
            $('#logo-cell2', window.parent.document).hide();
            $('#iframe', window.parent.document).css({ 'margin-top': '-30px', 'padding-left': '0' });
            $('#iframe', window.parent.document).addClass('width100');
            $('#iframePage').css({ 'margin-left': '0px' });
            $('#togg-div', window.parent.document).hide();
            $('#togg-div2', window.parent.document).hide();
            $('#title', window.parent.document).addClass('width100');
            $('#title', window.parent.document).css({ 'padding-left': '0' });
            $('.map-b-div').hide();
            $('.map-t-div').css('padding-bottom', '0');
            $('.screenbtn').removeClass('fullScreen');
            $('.screenbtn').addClass('smallSceen');
        } else {
        $('#side-nav', window.parent.document).show();
        $('#logo-cell2', window.parent.document).show();
        $('#iframe', window.parent.document).css({ 'margin-top': '0px', 'padding-left': '20px' });
        $('#iframe', window.parent.document).removeClass('width100');
        $('#togg-div2', window.parent.document).show();
        $('#togg-div', window.parent.document).hide();
        $('#title', window.parent.document).removeClass('width100');
        $('#title', window.parent.document).css({ 'padding-left': '20px' });
        $('.map-b-div').show();
        $('.map-t-div').css('padding-bottom', '235px');
        $('.screenbtn').removeClass('smallSceen');
        $('.screenbtn').addClass('fullScreen');
        }   
    })
    //3，修改时点击返回按钮让修改信息页面消失
    $('#txt_add').on('click', '.bg-color2', function() {
        $('#pop_info').css('display', 'none');
        $('#txt_add').css('display', 'none'); //关闭用于修改的按钮组
    });

    //4，确定修改时定位被修改项：
    $('#f-table').on('click', '.rewrite', function() {
        order = $(this).parents('tr').index();
        var num = $(this).parent('td').siblings('.port-num').text(), //获取需要修改的场地编号等信息
			name = $(this).parent('td').siblings('.port-name').text(),
			owner = $(this).parent('td').siblings('.port-owner').text(),
			coords = $(this).parent('td').siblings('.port-coords').text();
        weight = $(this).parent('td').siblings('.port-weight').text();
        $('#pop_info').css('display', 'block');
        $('#txt_add').css('display', 'block');
        $('#pop_info').find('.num-input').val(num); //在修改页面中获取需要修改的场地编号等信息
        $('#pop_info').find('.name-input').val(name);
        $('#pop_info').find('.owner-input').val(owner);
        $('#pop_info').find('.coords-input').val(coords);
        $('#pop_info').find('.weight-input').val(weight);
    });

    //修改信息后保存操作：
    $('#txt_add').on('click', '.bg-color', function() {
        var renum = $(this).parents('#pop_info').find('.num-input').val(), //获取修改后的场地编号等信息
			 rename = $(this).parents('#pop_info').find('.name-input').val(),
			 reowner = $(this).parents('#pop_info').find('.owner-input').val(),
			 recoords = $(this).parents('#pop_info').find('.coords-input').val(),
			 weight = $(this).parents('#pop_info').find('.weight-input').val(),
			 targetTr = $('#f-table').children().eq(order); //信息确定修改后返回的被修改项。
        $('#pop_info').css('display', 'none'); //关闭弹出页面
        $('#txt_add').css('display', 'none'); //关闭用于修改的按钮
        //被修改后的信息：
        targetTr.children('.port-num').text(renum);
        targetTr.children('.port-name').text(rename);
        targetTr.children('.port-owner').text(reowner);
        targetTr.children('.port-coords').text(recoords);
        targetTr.children('.port-weight').text(weight);
    });

    //点击“导入表格”按钮效果：
    $('#import_btn').click(function() {
        $('.modal-backdrop').fadeIn('200');

    });

})
